<style>
    .category-wrapper {max-width: 1140px;margin: 0 auto;padding: 20px 0;display: flex;flex-wrap: wrap;gap: 15px;}
    .category-item {width: 50px;height: 50px;border-radius: 50%;overflow: hidden;background: #f9f9f9;transition: transform 0.3s ease;flex: 0 0 auto;}
    .category-item img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;display: block;}
    @media (min-width: 769px) {.category-item:hover {transform: scale(1.2);}}
    .category-wrapper {max-height: calc(62px * 3 + 15px * 2);overflow: hidden;}
</style>

<div class="col-sm-12 hidden-xs" style="text-align: center;">
    <h4>{{ module['content']['title'] }}</h4>
    <div class="strip-line"></div>
</div>

<div class="category-wrapper">
    {% for review in module['content']['articles'] %}
        <a class="category-item" href="{{ 'index.php?route=product/category&path=' ~ review.article_id }}">
            <img src="{{ review.thumb }}" alt="Category {{ review.article_id }}">
        </a>
    {% endfor %}
</div>
